<template>
	<div>
		<div class="footer-wrap">
			<div class="footer-title">
				<div class="youxian">
					<img src="../../assets/img/shouye/baozhang.png" />
					<span>优鲜保障</span>
				</div>
				<div class="jiankong">
					<img src="../../assets/img/shouye/jiankong.png" />
					<span>全称监控</span>
				</div>
				<div class="tehui">
					<img src="../../assets/img/shouye/tehui.png" />
					<span>礼拜五特惠</span>
				</div>
				<div class="zhigong">
					<img src="../../assets/img/shouye/zhigong.png" />
					<span>基地直供</span>
				</div>
				<div class="zhunshi">
					<img src="../../assets/img/shouye/time.png" />
					<span>准时送达</span>
				</div>
			</div>

		</div>
		<!--二维码部分-->
		<div class="qr">
			<div class="qr-wrap">
				<div class="fuwu">
					<img class="libaiwu" src="../../assets/img/shouye/footer-libai.png" />
					<div class="time">
						<span class="fwsj">服务时间:08:-22:00</span>
						<img src="../../assets/img/shouye/phone.png" />
						<span class="quhao">400-800-8820</span>
					</div>
				</div>
				<!--二维码-->
				<div class="weixin">
					<img src="../../assets/img/shouye/erwei1.png"/>
					<p>礼拜五官方微信</p>
				</div>
				<div class="weixin2">
					<img src="../../assets/img/shouye/erwei1.png"/>
					<p>礼拜五APP</p>
				</div>
				<!--售后-->
				<div class="shouhou">
					<div class="one">
					<p class="one1">关于礼拜五</p>
					<p>配送说明</p>
					<p>售后服务</p>
					<p>加盟礼拜五</p>
					</div>
					<div class="two">
					<p class="one1">新用户注册</p>
					<p>运费说明</p>
					<p>退换货说明</p>
					<p>加盟条款</p>
					</div>
					<div class="three">
						<p class="one1">在线下单</p>
						<p>配送方式</p>
						<p>服务保障承诺</p>
						<p>公司简介</p>
					</div>
					<div class="four">
						<p class="one1">支付方式</p>
						<p>发票说明</p>
						<p>验货与签收</p>
						<p>服务协议</p>
					</div>
				</div>
				
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style scoped="scoped">
	.footer-wrap {
		width: 100%;
		height: 104px;
		border: 1px solid gainsboro;
		margin-top: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
	}
	
	.footer-title {
		width: 1280px;
		height: 44px;
		display: flex;
		justify-content: space-around;
	}
	
	.youxian,
	.jiankong,
	.tehui,
	.zhigong,
	.zhunshi {
		width: 250px;
		height: 44px;
		border-right: 1px solid gainsboro;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.zhunshi {
		border: none;
	}
	
	.youxian span,
	.jiankong span,
	.tehui span,
	.zhigong>span,
	.zhunshi span {
		font-size: 24px;
		line-height: 46px;
		padding-left: 20px;
	}
	
	.qr {
		height: 200px;
		width: 100%;
		border-bottom: 1px solid #dddddd;
		display: flex;
		justify-content: center;
		margin-top: 20px;
	}
	
	.qr-wrap {
		width: 1280px;
		height: 200px;
		display: flex;
		justify-content: center;
	}
	.libaiwu{
		margin-top: 10px;
	}
	.fuwu{
		width: 370px;
		height: 200px;
	}
	.time {
		padding-top: 40px;
		font-size: 18px;
	}
	
	.fwsj {
		color: #666666;
		padding-right: 20px;
	}
	.quhao {
		color: #f08200;
	}
	.weixin{
		margin:20px 40px;
	}
	.weixin p,.weixin2 p{
		text-align: center;
		font-size: 16px;
		margin-top: 15px;
	}
	.weixin2{
		margin:20px 0px;
	}
	.shouhou{
		width: 520px;
		margin-top: 33px;
		margin-left: 40px;
}
	.one,.two,.three,.four{
		width: 81px;
		float: left;
		padding-right: 49px;
		color: #666666;
	}
	.one1{
		width: 81px;
		font-size: 16px;
		padding-bottom:27px ;
		color: black;
		}
	
	
</style>